/**
 * 布局相关工具类
 */

/**
 * 获取系统默认配置
 * @returns {Object} 系统配置对象
 */
export const getSystemConfig = () => ({
  systemName: '后台管理系统',
  defaultAvatar: 'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png'
})

/**
 * 检查并处理移动端状态
 * @param {Function} callback 状态变化回调
 * @returns {Function} 清理函数
 */
export const handleMobileState = (callback) => {
  const checkIsMobile = () => {
    const isMobile = window.innerWidth < 768
    callback(isMobile)
  }
  
  window.addEventListener('resize', checkIsMobile)
  checkIsMobile() // 初始检查
  
  return () => window.removeEventListener('resize', checkIsMobile)
}

/**
 * 获取布局样式类
 * @param {Object} params 参数对象
 * @returns {Array} 样式类数组
 */
export const getLayoutClasses = ({ isMobile, isCollapse }) => {
  const classes = []
  if (isMobile) classes.push('is-mobile')
  if (isCollapse) classes.push('is-collapse')
  return classes
} 